@color_border:#ddd;
@color_nav:#f80;
@body_color:#f2f2f2;
@button_color:#64B5F6;
@font_family:"微软雅黑";
@font_wap:14px solid @font_family;
@font_pc:20px solid @font_family;
@font_size:14px;
@nav_height:34px;
@line_height:24px;
// @font_bold:20px bold @font_family;
@img_width:200px;
@img_height:200px;
@middle_height:1500px;
*{
	margin:0px;
	padding:0px;
	border:0px;
}
a{
	color:#333;
	font-size: @font_size;
	font-family: @font_family;
}
a:hover{
	color:@button_color;
}
//页面显示在浏览器中间
.allpagestyle{
	margin-left:5%;
	margin-right:5%;
  	background-color:#fff;
}
// 用于地点，时间的选择下拉框
.middle_nav_pc{
	ul{
     	margin-left:0px;
        background-color: @color_nav;
        height:@nav_height;
        li{
          	display: inline;
          	padding-left: 0px;
          	font-size: @font_pc;
        }   
        .btn_li{
          	float: right;
          	button{
            	line-height: @nav_height;
            	border:1px solid @color_border;
            	padding-left: 10px;
            	padding-right: 10px;
          	}
        }       
    }
    .nav2{
      display: none;
    }
}
.middle_nav_wap{
	ul{
        width:100%;
        text-align: center;
        li{
        	  margin-top: 10px;
            float: left;
            display: inline;
            select{
              	line-height: 40px;
              	font:@font_wap;
              	width:70px;
              	padding:0px;
            }
        }
        .btn_li{
        	margin-top: 2px;
            float:right;
            display: inline;
            margin-right: 0px;
            button{
              	line-height: @nav_height;
              	border:1px solid @color_border;
              	padding-left: 5px;
              	padding-right: 5px;
            }
        }
    }
    .nav2{
      display: none;
    }
}
// 所有页面头部和尾部的样式
.header_foot_pc{
	.top{
      	.allpagestyle;
      	.ttop{
        	position: relative;
        	height:@nav_height;
        	line-height: 30px;
        	span{
          		margin-left: 10px;
        	}
        	div{
          		float: right;
          		margin-right: 10px;
          		margin-top: 5px;
          		span{
              	margin-right:40px;
              	padding:2px;
          		}
          		.notlogin_btn,.login_after{
            		display: none;
          		}
        	}
      	}
      	.main_nav{
        	text-align: left;
        	padding-left: 20px;
        	background-color: @color_nav;
        	height:40px;
        	line-height: 40px;
        	ul{
          		li{
            		display: inline;
            		padding-right: 6%;
          		}
        	}
      	}
    }
    .foot{
        position:relative;
        background-color:#fff;
      div{
            margin-top:20px;
            padding-top:20px;
            text-align:center;
            font:@font_wap;
            color:#666;
            p{
                margin-top:20px;
            }
        }
        .to_top{
            background-attachment: scroll;
            background-clip: border-box;
            background-color: @color_nav;
            background-origin: padding-box;
            background-position: 12px 12px;
            background-repeat: no-repeat;
            background-size: auto auto;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            bottom: 20px;
            color: #666;
            cursor: pointer;
            display: block;
            font-family: Arial,"宋体",Verdana;
            font-size: 12px;
            height: 50px;
            line-height: 18px;
            position: fixed;
            right: 23px;
            text-decoration: none;
            text-decoration-color: #666;
            text-decoration-line: none;
            text-decoration-style: solid;
            width: 60px;
            word-break: break-all;
            word-wrap: break-word;
            z-index: 60;
            background-image:url(../../Picture/HomePage/gotop.gif);
        }
    }
}
// wap端所有页面的共性
.style_wap{

    .foot{
      	margin-left: 0px;
      	margin-right: 0px;
      	position:relative;
      	background-color:#fff;
      	margin-top:10px;
      	div{
          	text-align:center;
          	font:@font_wap;
          	color:#666;
          	p{
              	margin-top:10px;
          	}
        }
    }
}
// 搜索条样式
.search_nav_pc{
	.search_content{
    	margin-top: 40px;
    	.allpagestyle;
    	text-align: right;
    	.top_search{
      		background-color: @body_color;
      		font-family: @font_family;
      		font-size: 18px;
      		form{
        		select{
          			height:60px;
          			border: 1px solid @color_border;
          			background-color: #fff;
          			border-radius: 5px;
        		}
        		input{
          			height:60px;
          			width:400px;
          			border: 1px solid @color_border;
          			background-color: #fff;
          			border-radius: 5px;
        		}
        		button{
            		padding-left: 2px;
            		padding-right: 2px;
            		height:60px;
            		border: 1px solid @color_border;
            		background-color: #fff;
            		border-radius: 5px;
        		}
      		}
    	}
  	}
}
/*公告页修改*******************/
.search_nav_wap{
	.search_content{
      	height:@nav_height;
      	.top_search{
        	text-align: right;
        	form{
        		margin-top: 10px;
        		position: relative;
        		height:30px;
        		border:1px solid @button_color;
        		background-color: @body_color;
          		select{
          			background-color: #ffffff;
          			border-right: 1px solid @button_color;
          			position: absolute;
          			top:0px;
        			left: 0px;
          			width: 30%;
          			height:100%;
            		display: inline;
            		
          		}
          		input{
          			position: absolute;
          			top: 0px;
          			left:30%;
          			width: 50%;
            		height:100%;
            		display: inline;
          		}
          		.search_btn,button{
          			border-top-right-radius: 1px;
          			border-bottom-right-radius: 1px;
          			background-color: @button_color;
          			position: absolute;
          			top: 0px;
          			left: 80%;
          			width: 20%;
          			display: inline;
            		height:100%;
          		}
        	}
      	}
    }
}
// 复用图片下有文字的样式div-(div-img)-(div-ul-li)
.div_buttom_message_pc{
	border:1px solid @color_border;
    display:inline-block;
    width:@img_width;
    height:280px;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
   	margin-bottom: 20px;
    div{
      	margin-top:0px;
      	margin-left: 0px;
      	width:@img_width;
      	height:@img_height;
      	background-color: @color_border;
      	img{
        	width: 100%;
        	height:auto;
      	}
    }
    div[class^='message']{
      	width:@img_width;
      	height:80px;
      	background-color: @color_nav;
      	ul{       
        	li{
          		padding-top: 10px;
          		text-align: center;
          		display: block;
        	}
      	}
    }
}
.div_buttom_message_wap{
	// width: 100%;
	display: inline-block;
	border:1px solid @color_border;
	width: 100%;
	margin-top: 10px;
	div{
		width:100%;
		img{
			width: 100%;
			height:auto;
		}
	}
	div[class^='message']{
      	width:100%;
      	height:40px;
      	ul{       
        	li{
        		display: inline;
        		font:@font_wap;
        		line-height: @line_height;
          		text-align: left;
        	}
        	#detail0{

        	}
      	}
    }
}
// 翻页样式
.content_foot{
  	text-align: center;
  	margin-bottom: 0px;
  	margin-top: 0px;
  	ul{
    	height:@nav_height;
    	li{
      		display: inline;
      		line-height: @line_height; 
      		button{
      			font-size: @font_size; 
      			background-color:@button_color;
      			border-radius: 2px;
      			padding:2px;
        		margin-left: 2px;
        		margin-right: 2px;
      		}
    	}
  	}
}
// wap-nav------------------------------------------//
.header_nav{
  height: @nav_height;
  line-height: @nav_height;
  background-color: @color_nav;
  a{
  	img{
  		margin-left: 8px;
  		height:25px;
  		width: auto;
  	}
  }
  span{
    float: right;
    margin-right: 10px;
  }
}

body{
     background-color:@body_color;
     position:relative;
     overflow-x: hidden;
     .pc_coach{
		.search_nav_wap;
	}
}
#nav_user_index,#nav_user_club,#nav_user_activity,#nav_user_match,#contest,#which_contest{
  display: none;
}

// ******************************************************************************************************//
// *******************************************---wap---**************************************************//

@media screen and (max-width: 992px) { 
	.style_wap;
	.search_nav_wap;
  // -----------------首页--------------------//
	#wap_index {
	    position: relative;
	    header {
	        background-color: @color_nav;
	        height: 40px;
	        p {
	            line-height: 60px;
	            // font-size:4px;
	        }
	        div {
	            line-height: 40px;
	            span{
	              	a,button{
	                	float: right;
	                	height: 30px;
	                	margin-right: 4px;
	                	margin-top: 10px;
	              	}
	            }  
	        }
	    }
	    #log_img {
	        position: absolute;
	        width: 58px;
	        left: 14px;
	        top: 0px;
	    }
	    #nav_button {
	        table {
	            tbody {
	                tr {
	                    height: 70px;
	                    td {
	                        line-height: 70px;
	                        text-align: center;
	                    }
	                }
	            }
	        }
	    }
	    #content {
	        // border: 1px solid @color_nav;
	        img{
	        	width:100%;
	        	height:auto;
	        }
	    }
	    #foot {
	    	border-top:1px solid @color_border;
	      	position:relative;
	      	background-color:#fff;
	      	margin-top: 10px;
	      	div{
	            text-align:center;
	            font:@font_wap;
	            color:#666;
	            p{
	                margin-top:20px;
	            }
	        }
	    }
	}
  // ---------------------------------登陆------------------------------------//
    .login_box {
      header{
            height:@nav_height;
            background-color: @color_nav;
            ul{
                padding-left: 1%;
                width: 100%;
                text-align: right;
                li{
                  display: inline;
                  font-size: @font_wap;
                  line-height: @nav_height+5;
                  margin-right:15px;
                    padding-left:2px;
                    a{
                      float: left;
                        line-height: @nav_height;
                      margin-right: 8px;
                      img{
                        margin-top: 2px;
                        margin-left: 8px;
                          height:25px;
                          width: auto;
                      }
                    }
                }
            }
      }
      form{
        background-color:#fff;
        // position: relative;
        .login_type {          
          // float: center;
            div {
                margin-left: 4%;
                // margin-right: 5%;
                margin-bottom: 20px;
                margin-top:30px;
                label {
                    text-align: right;
                    width: 40%;
                    padding-right:50px;
                    float: left;
                }
                input {
                    border: 1px solid @color_border;
                    width: 40%;
                    border-radius: 5px;
                }
                #login_box_btn, #login_sign_btn {
                    width: 20%;                 
                    text-align: center;
                    background-color: @button_color;
                }
                span{
                  font-size:@font_size;
                  color:red;
                  display:none;
                }
            }
        }
      }
    }

    // --------------------------------注册----------------------------------//
    .sign_box{
        header{
            height:@nav_height;
            background-color: @color_nav;
            ul{
                padding-left: 1%;
                width: 100%;
                text-align: right;
                li{
                  display: inline;
                  font-size: @font_wap;
                  line-height: @nav_height+5;
                  margin-right:15px;
                    padding-left:2px;
                    a{
                      float: left;
                        line-height: @nav_height;
                      margin-right: 8px;
                      img{
                        margin-top: 2px;
                        margin-left: 8px;
                          height:25px;
                          width: auto;
                      }
                    }
                }
            }
        }
      	.sign_content{
        	background-color:#fff;
        	position:relative;
        	margin-top: 20px;
        	font-family: @font_family;
        	form{
          		margin-top: 5px;
          		div{
            		margin-bottom: 5px;
            		label{
              		float: left;
             		 	text-align: right;
                  font:@font_wap;
            		}
	            	div{
	             		input{
	                		border:1px solid @color_border;
	                		border-radius: 5px;
	              		}
                  #sub_btn{
                    background-color: @button_color;
                  }
	              	select{
	                		border:1px solid @color_border;
	                		border-radius: 5px;
                      background-color: #ffffff;
	              		}
	              	span{
	                		display: none;
	                		font-size: 12px;
	              		}
	            	}
          		}
        	}
      	}
    }

// ----------------------------------公告,个人主页，球会主页-----------------------//
    .clubhome_content,.activity_content,.user_content,.notice_content{
      .club_nav,.activity_nav,.user_nav,header{
	        height:@nav_height;
	        background-color: @color_nav;
	        ul{
	          	padding-left: 1%;
	          	width: 100%;
	          	text-align: right;
	          	li{
	            	display: inline;
	            	font-size: @font_wap;
	            	line-height: @nav_height+5;
	            	margin-right:15px;
                	padding-left:2px;
	                a{
	                	float: left;
	                  	line-height: @nav_height;
	                 	margin-right: 8px;
	                 	img{
	                 		margin-top: 2px;
	                 		margin-left: 8px;
		                  	height:25px;
		                  	width: auto;
		                }
	                }
	                .convient_css{
	                	float: right;
	                }
  	      			div{
  	      				display: inline;
  	      				button{
  	      					height:@nav_height;
  	      					font-size: @font_size; 
  			      			border-radius: 2px;
  			      			background-color: @color_nav;
  			      			padding:2px;
  			        		margin-left: 2px;
  			        		margin-right: 2px;
  	      				}
  	      			}
                #drop_button{
                  button{
                    width: 25%;
                  }
                }
	          	}
	        }
	    }
      .club_nav{
        ul{
          li{
            font-size: 12px;
            margin-right: 0px;
          }
        }
      }
      .club_nav_content,.activity_nav_content,.user_nav_content,.notice_nav_content{
        	.new_notice{
          		ul{
            		li{
              			display: block;
              			margin-bottom: 20px;
              			border:1px solid @color_border;
              			font-family: @font_family;
              			line-height: @line_height;
              			font-size: @font_size;
              			padding-left: 5px;
              			padding-right: 5px;
              			div{
              				span{
              					padding-right: 10px;
              					font-family: bold;
              				}
              				img{
              					width: 100%;
              					height: auto;
              				}

              			}
            		}
            		#total0{
            			margin-top: 20px;
            		}
          		}
       	 	}
          .new_activity{
          	div{
                ul{
                	margin-top: 20px;
                	border:1px solid @color_border;
              		li{
		                display: block;
		                padding-left: 5%;
		                margin-bottom: 5px;
		                margin-top: 5px;
		                font:@font_wap;
		                span{
		                	display: inline;
		                }
                		div{
							        position: relative;
							        margin-top: 5px;
        							img{
        								width: 60%;
        								height:auto;
        							}
        							textarea{
        								width: 95%;
                        text-indent: 25px;
                        border:1px solid @button_color;
        							}
               	 		}
               	 		button{
               	 			margin-right: 5%;
                      width: 20%;
                      background-color: @button_color;
                      border:1px solid @color_border;
               	 		}
              		}
              	}
            }

          }
          .which_notice{
            font-family: @font_family;
            .notice_title{
              text-align: center;
              font-size: 18px;
              font-weight: bold;
            }
            .notice_detail{
              text-align: left;
              text-indent: 25px;
              font-size: 16px;
              line-height: @nav_height;
            }
            .notice_time{
              text-align: right;
              margin-right: 2%;
            }
          }
        	.joinedclub{
          		div{
            		text-align: center;
            		p{
              		height: @nav_height;
              		line-height: @nav_height;
              		background-color: @color_nav;
            		}
            		div{
              			display: inline-block;
              			border:1px solid @color_nav;
              			text-align: center;
              			width: 100px;
              			height: 100px;
              			line-height: 100px;
              			border-radius: 50px;
              			margin-left: 2px;
              			margin-right: 2px;
              			margin-top: 2px;
              			margin-bottom: 2px;
            		}
          		}
        	}
      		.user_match,.user_activity{
        		text-align: center;
        		.all_match_state{
          			width: 100%;
          			height:100px;
          
        		}
        		.user_willdo,.user_doing{
         	 		width:100%;
          			p{
           		 		width:100%;
            			background-color: @color_nav;
            			font:18px bold @font_family;
            			color:#fff;
          			}
          			div{
            			margin-top: 10px;
            			width:100%;
            			border:1px solid @color_nav;
            			background-color: #fff;
            			ul{
              				li{
                				display: block;
                				margin-left: 10%;
              				}
            			}
          			}
        		}
        		.user_done{
          			width:100%;
          			p{
            			width:100%;
            			background-color: @color_nav;
            			font:18px bold @font_family;
            			color:#fff;
          			}
          			div{
            			width:100%;
            			text-align: left;
            			span{     
              				background-color: @color_nav;
              				font:18px bold @font_family;
              				color:#fff;
            			}
            			div{
              				text-align: center;
              				margin-top: 10px;
              				width:100%;
              				border:1px solid @color_nav;
              				background-color: #fff;
              				ul{
                				li{
                  					display: block;
                  					margin-left: 10%;
                				}
              				}
            			}
          			}
        		}
      		}
          .user_detail{
            margin-top: 10px;
            div{
              display: block;
              border-bottom: 1px solid @color_border;
              height:@nav_height;
              line-height: @nav_height;
              span{
                padding-left: 5px;
              }
              .css_class{
                padding-left: 0px;
                  float: left;
                  width: 30%;
                  text-align: left;
              }
            }
            button{
              margin-top: 10px;
              font-size: @font_size; 
              background-color:@button_color;
              border-radius: 2px;
              padding:2px;
              margin-right: 2px;
              width: 40%;
            }
          }
          .club_member{
            div{
              p{
                border:1px solid @color_border;
                background-color: @color_border;
                text-align: center;
              }
              div{
                width:80px;
                height:80px;
                border-radius: 80px;
                border:1px solid @color_nav;
                display: inline-block;
                text-align: center;
                line-height: 80px;
              }
            }
          }
          .club_home_about{
            .club_head{
              height:200px;
              width: 100%;
              text-align: center;
              font-size: 20px;
              border:1px solid @color_nav;
            }
            .club_introduce{
              ul{
                li{
                  // height:@nav_height;
                  display: block;
                  .title{
                    display: block;
                    text-align: center;
                    margin-left: 5px;
                    font-weight: bold;
                  }
                  div{
                    line-height: @nav_height;
                    text-align: left;
                    border-bottom: 1px solid @color_border;
                    margin-bottom: 5px;
                    ul{
                      li{
                        text-align: center;
                        div{
                            text-indent: 25px;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
      	}
    }
// ---------------------------------球会,教练和球场--------------------------------------//
    
    .contest_content,.club_content,.coach_content{
      	width: 100%;
      	.club_nav{
        	width: 100%;
			   .middle_nav_wap;
      	}
        .contest_nav{
          margin-top: 5px;
          text-align: center;
          button{
            margin-left: 10px;
            font-weight: bold;
            background-color: @body_color;
          }
        }
      	.court_nav{
      		margin-top: 10px;
          // float: right;
          // text-align: right;
      		select{
            float: right;
              	width:50%;
            }
      	}
      	.coach_nav{
        	width: 100%;
  			  .middle_nav_wap; 
  			  ul{
  				  li{
  					  select{
  						  text-align: center;
  						  width: 120px;
  					  }
  				  }
  			  }
        }
      	.contest_messege,.coach_messege{
        	text-align: center;
        	// height: @middle_height;
       		// border:1px solid @color_border;
        	overflow: hidden;

        	//coach_me教练的浏览页面12/20
        	.contest_me,.coach_me{
        		text-align: center;
          		div{
            		display: inline-block;
            		width:100%;
            		border:1px solid @color_border;
            		margin-top: 3px;
            		font:@font_wap;
	            	ul{
	              		// margin-top: 20px;
                    margin-left: 5px;
	              		li{
	              			line-height: @line_height;
	                		display: block;
	                		text-align: left;
	                		// padding-left: 10px;
	                		span{
	                  			padding-right: 5px;
	                		}
	                      	select{
	                        	display: inline;
	                        	width:40%;
	                      	}
	                      	button,input{
                            margin-top: 10px;
	                      		background-color: @button_color;
	                      		padding:2px;
	                      		border-radius: 3px;
	                      		width:30%;
	                      		height:@nav_height;
	                        	border:1px solid @color_border;
	                        	margin-right: 12px;
	                      	}
	                      	a{
	                      		font-weight: bold;
	                      	}
	              		}
	              		// li:last-child{
	              		// 	font-weight: bold;
	              		// }
	              		li:nth-child(1){
	              			padding-left: 0px;
	              			img{
	                      		width:100%;
	                      		height: auto;
	                      	}
	              		}
	            	}
	          	}          
        	}
        	.which_coach{
          		div{
            		display: inline-block;
            		border-bottom: 1px solid @color_border;
            		margin-bottom: 5px;
            		margin-top: 10px;
            		margin-right: 10px;
            		margin-left: 10px;
            		ul{
              			li{
                			display: block;
                			text-align: center;
              			}
            		}
          		}
        	}
          	.which_contest{
	            // border-top: 1px solid @color_border;
	            border-bottom: 1px solid @color_border;
	            .contest_detail{
	            	margin-top: 10px;
	              	ul{
	                	li{
		                  	text-align: left;
		                  	font:@font_wap;
		                  	line-height: @line_height;
		                  	span{
		                  		padding-right: 5px;
		                  	}
		                  	select{
		                  		// height: @nav_height;
		                  		line-height: @nav_height;
		                  		border-radius: 3px;
		                  		background-color: #ffffff;
		                  		border:1px solid @button_color;
		                    	display: inline;
		                    	width:30%;
		                  	}
		                  	button{
		                  		margin-top: 10px;
		                  		height: @nav_height;
		                  		line-height: @nav_height;
		                  		border-radius: 3px;
		                  		background-color: @button_color;
		                    	display: inline;
		                    	width:30%;
		                  	}
	                	}
	              	}
	            }
          	}
            .which_allery{
              div{
                .court_list{
                  .message{
                    ul{
                      text-align: left;
                      border-bottom: 1px solid @color_border;
                      // position: relative;
                      li{
                        display:inline-block;
                        text-align: left;
                        // width: 20%;
                        height:@nav_height;
                        line-height: @nav_height;
                        // border-bottom: 1px solid @color_border;
                        
                      }
                      #css_select{
                        float: right;
                        width: 30%;
                        select{
                          background-color: #ffffff;
                          border:1px solid @color_border;
                          border-radius: 2px;
                          width: 100%;
                        }
                      }
                    }
                  }
                }
              }
            }
      	}
      	.club_messege{
	        court_list{
				    .div_buttom_message_wap;
			    }
			//球会页面已改12/20
			.alley{
				display: inline-block;
				border:1px solid @color_border;
				width: 100%;
				margin-top: 10px;
				div{
					width:100%;
					img{
						width: 100%;
						height:auto;
					}
				}
				div[class^='message']{
      				width:100%;
      				ul{       
      					font:@font_wap;
        				line-height: @line_height;
        				margin-top: 5px;
        				margin-bottom: 5px;
        				li{
        					display: inline;
          					text-align: left;
          					padding-left: 5px;
          					padding-right: 10px;
        				}
        				li:nth-child(2){
							font-weight: bold;
							float: right;
	        			}
      				}
    			}
			}
			// 球会的详细页面12/20
			.alley_detail{
				margin-top: 10px;
				div[class^='message']{
	      			width:100%;
	      			ul{       
	      				font:@font_wap;
	        			line-height: @line_height;
	        			margin-top: 5px;
	        			margin-bottom: 5px;
	        			li,li:nth-child(2){
	        				font-weight: normal;
	        				float: none;
	        				display: block;
	          				text-align: left;
	          				padding-left: 5px;
	          				padding-right: 10px;
	          				button{
          						font-size: @font_size; 
      							background-color:@button_color;
      							border-radius: 2px;
      							padding:2px;
        						margin-left: 2px;
        						margin-right: 2px;
          					}
	        			}

      				}
    			}
			}
          .which_club{
            .head{
              background-color: @color_border;
              position: relative;
              font:@font_wap;
              height: @nav_height;
              line-height: @nav_height;
              text-align: left;
              .join_club_btn{
                float: right;
              }
            }
            .club_head{
              height:200px;
              width: 100%;
              text-align: center;
              font-size: 20px;
              border:1px solid @color_nav;
            }
            .club_introduce{
              ul{
                li{
                  // height:@nav_height;
                  display: block;
                  .title{
                    display: block;
                    text-align: center;
                    margin-left: 5px;
                    font-weight: bold;
                  }
                  div{
                    line-height: @nav_height;
                    text-align: left;
                    border-bottom: 1px solid @color_border;
                    margin-bottom: 5px;
                    ul{
                      li{
                        text-align: center;
                        div{
                            text-indent: 25px;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
        // 球场的浏览页面12/20
        .court_messege{
        	font:@font_wap;
        	line-height: @line_height;
        	div{
        		text-align: center;
        		button{
					font-weight: bold;
					background-color: @body_color;
					margin-left: 10px;
        		}
        	}
        	.total{
        		margin-top: 10px;
        		// margin-bottom: 5px;
        		border: 1px solid @color_border;
        		img{
        			width: 100%;
        			height:auto;
        		}
        		div{
					border:none;
        			ul{
        				li{
        					display: block;
        					text-align: left;
        					padding-left: 5px;
        				}
        				li:last-child{
        					font-weight: bold;
        				}
        			}
        		}
        	}
        }
    }
    .introduce_court,.introduce_coach{
      	display: none;
      	text-align: center;
      	border:1px solid @color_border;
      	overflow: hidden;
      	width:100%;
      	height:400px;
        font-weight: @font_family;

        .head{
          	width:100%;
          	height:@nav_height;
          	line-height: @nav_height;
          	text-align: left;
          	font-size: @font_wap;
          	background-color: @color_border;
        }
        .court_about,.coach_about{
          	position: relative;
          	width: 100%;
            .img_div{
              	position: absolute;
              	width:48%;
              	top:0px;
              	left:50%;
              	margin:2px;
              	height:100px;
              	border:1px solid @color_border;
              	img{
                	width: 100%;
                	height:auto;
              	}
            }
            .content{
              	position: absolute;
              	top: 0px;
              	left:1%;
              	font:@font_wap;
              	width:48%;
              	ul{
                	li{
                  		display: block;
                  		text-align: left;
                	}
              	}
            }
            .my_con_wap{
              	position: absolute;
              	top:100px;
              	left:0px;
              	display: block;
              	width:100%;
              	// margin-left: -48%;
              	border:1px solid @color_border;
              	span{
              		float: left;
              	}
              	div{
              		margin-top: 10px;
              		font:@font_wap;
                	line-height: 30px;
                	display: block;
                	width:100%;
                	text-align: left;
                	text-indent:40px;
              	}
            }
        }
    }
    .introduce_contest{
      	font:@font_wap;
      	display: none;
      	.contest_about{
        	position: relative;
        	.img_div{
          		float: right;
          		width:50%;
          		img{
          			text-align: center;
          			border:none;
            		width:100%;
            		height:auto;
          		}
        	}
	        .content{
	        	margin-top: 10px;
	        	// border: 1px solid @color_border;
	          	span{
	            	font-weight: bold;
	          	}
	          	div{
	            	text-indent: 25px;
	           		height:200px;
	          	}
        	}
      	}
    }
	.page_op{
      	text-align: center;
	  	margin:0 auto;
  	}
}

// **********************************************************************************************//
//******************************---pc---*********************************************************//
@media only screen and (min-width: 992px) { 
  // ---------------------------主页-------------------------
    .header_foot_pc;
    .search_nav_pc;
    //主页的中间
    .middle{
      	.allpagestyle;
      	border-bottom:1px solid rgba(15,15,15,0.2);
    }
    //主页的底部
// -------------------------登陆---------------------------//
    .login_box {
        .allpagestyle;
        top: 20%;
        // display: none;
        border: 1px solid @color_nav;
        background-color:#fff;
        .login_type {        
            div {
              margin-left: 10%;
              // margin-right: 20%;
                margin-bottom: 20px;
                label {
                    text-align: right;
                    width: 200px;
                    float: left;
                    padding-right: 30px;
                    margin-top: 30px;
                }                  
                input {
                    border: @color_border 1px solid;
                    height: 30px;
                    width: 180px;
                    margin-top: 25px;
                    border-radius: 5px;
                }
                #login_box_btn,#login_sign_btn{
                    width:80px;
                    margin-right:30px;
                    text-align:center;
                }
                span{
                    font-size:6px;
                    color:red;
                    display:none;
                }
            }
        }
    }
// ----------------------公告,个人主页,球会主页---------------------------//
  	.clubhome_content,.activity_content,.user_content,.notice_content{
    	.allpagestyle;
    	margin-top: 30px;
    	position: relative;
    	.club_nav,.activity_nav,.user_nav,.notice_nav{
      		width:10%;
      		height: 1500px;
      		overflow: hidden;
      		border: 1px solid @color_border;
      		ul{
        		li{
          			display: block;
          			height:60px;
          			font-size: 20px;
          			font-family: @font_family;
          			text-align: center;
          			line-height: 50px;
          			background-color: @color_nav;
          			border-bottom: 1px solid @color_border;
          			a{
          				img{
          					height:@nav_height;
          					width: auto;
          				}
          			}
        		}
      		}
    	}
    	.club_nav_content,.activity_nav_content,.user_nav_content,.notice_nav_content{
      		position: absolute;
      		top:0px;
      		right:0px;
      		border: 1px solid @color_border;
      		width:90%;
      // ---------------------最新公告-----------//
      		.new_notice{
        		margin-top: 8%;
        		ul{
          			li{
            			display: block;
            			height: 100px;
            			border-bottom: 2px solid @color_border;
            			margin-left: 5%;
            			.li_title{
              				margin-top: 10px;
            			}
            			.li_content{
              				margin-top: 10px;
              				margin-bottom: 10px;
            			}
            			.li_time{
             
            			}		
          			}
        		}
      		}
          .new_activity{
            ul{
              li{
                border:1px solid @color_nav;
                // height:400px;
                margin-bottom: 5px;
                div{
                  display: block;
                  margin-left: 5%;
                  height:@nav_height;
                  line-height: @nav_height;
                }
              }
            }

          }
       // -----------------已加球会-----------------------//
      		.joinedclub{
        		div{
          			text-align: center;
          			p{
            			height: @nav_height;
            			line-height: @nav_height;
            			background-color: @color_nav;
          			}
          			div{
            			display: inline-block;
            // background-color: #FFB74D;
            			border:1px solid @color_nav;
            			text-align: center;
            			width: 160px;
            			height: 160px;
            			line-height: 160px;
            			border-radius: 80px;
            			margin-left: 10px;
            			margin-right: 10px;
            			margin-top: 20px;
            			margin-bottom: 20px;
          			}
        		}
      		}
      //------------user的活动-------------------------//
      		.user_match,.user_activity{
        		.all_match_state{
          			width:100%;
          			height: 200px;
          			text-align: center;
          			font-size: 20px;
        		}
	        	.user_willdo,.user_doing{
	          		width:100%;
	          		p{
	            		width:100%;
	            		background-color: @color_nav;
	            		font:18px bold @font_family;
	            		color:#fff;
	          		}
	          		div{
	            		text-align: center;
	            		margin-top: 10px;
	            		width:80%;
	            		border:1px solid @color_nav;
	            		background-color: #fff;
	            		ul{
	              			li{
	                			display: block;
	                			margin-left: 10%;
	              			}
	            		}
	          		}
	        	}
	        	.user_done{
	          		width:100%;
	          		p{
	            		width:100%;
	            		background-color: @color_nav;
	            		font:18px bold @font_family;
	            		color:#fff;
	          		}
	          		div{
	            		width:80%;
	            		span{
	              			width:100%;
	              			background-color: @color_nav;
	              			font:18px bold @font_family;
	              			color:#fff;
	            		}
	            		div{
	              			text-align: center;
	              			margin-top: 10px;
	              			width:100%;
	              			border:1px solid @color_nav;
	              			background-color: #fff;
	              			ul{
	                			li{
	                  				display: block;
	                  				margin-left: 10%;
	                			}
	              			}
	            		}
	          		}
	        	}
	      	}
        // ------------------球会成员-----------------//
        .club_member{
          div{
            p{
              background-color: @color_nav;
              text-align: left;
            }
            div{
              display: inline-block;
              width:100px;
              height:100px;
              border-radius: 100px;
              text-align: center;
              line-height: 100px;
              border:1px solid @color_nav;
            }
          }
        }
        .club_home_about{
          .club_head{
            width:100%;
            height:200px;
            border:1px solid @color_border;
            text-align: center;
          }
          .club_introduce{
            ul{
              li{
                display: block;
                text-align: center;  
                background-color: #fff;
                .title{
                  font:@font_pc;
                  font-size: 18px;
                  font-family: @font_family;
                  font-weight: 600;
                }
                div{
                  border-bottom: 1px solid @color_border;
                  ul{
                    li{
                      font-size: 16px;
                      line-height: @nav_height;
                      div{
                        text-indent: 25px;
                        height:200px;
                        line-height: @nav_height;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        // ----------------球会公告--------------------//
	    }
	 }
  
  // -----------------注册--------------------------//
  	.sign_box{
    	.allpagestyle;
    	border:1px solid rgba(15,15,15,0.2);
    	margin-top: 20px;
    	.sign_head{
      		height:40px;
         	font:bold 20px @font_family;
      		line-height: 40px;
      		color: #666;
      		padding-left: 20px;
      		background-color:@body_color;
    	}
      	.sign_content{
          	background-color:#fff;
          	position:relative;
          	form{     
              	div{
                  	margin-left:5px;
                  	margin-bottom:20px;
                	label{
                   		text-align:right; 
                   		width:220px; 
                   		float:left;    
                   		padding-right:60px;
                   		margin-top:20px;
                   		span{
                    		display: inline;
                    		color:#000;
                   		}
                	}
                	input{
                    	border:@color_border 1px solid; 
                    	height:35px; 
                    	width:200px;  
                    	margin-top:20px;
                    	border-radius:5px;
                	}
                	span{
                  		display: none;
                  		font-size: 6px;
                  		color: #ff0000;
                	}
                	select{
                    	border:@body_color 1px solid; 
                    	height:35px; 
                    	width:200px; 
                    	margin-top:20px;
                	}  
                	#radio{
                   		border:@body_color 1px solid;
                   		width:15px;
                   		margin-left:20px;
                	}   
                	#sub_btn{
                    	width:80px;
                	}
             	}
             	.exist_name{
                 	top:0px;
                 	right:0px;
                 	position:absolute;
                 	margin-right:20%;
                 	margin-top:12%;
                 	span{
                     	font:200 22px @font_family;
                     	text-align:center;
                     	display: inline;
                 	}
                 	a{
                    	width:80px;
                    	border:@color_border 1px solid; 
                    	height:35px;  
                    // margin-top:40px;
                    	padding-left: 10px;
                    	padding-right: 10px;
                    	margin-left: 10%;
                    	font-size:20px;
                    	border-radius:5px;
                    	background-color: #fff;
                 	}
             	}
          	}
      	}
  	} 
// -----------------球会,教练和球场-----------------------------//
  	.club_content,.coach_content{
    	.allpagestyle;
    	margin-top: 60px;
    	div{
      		ul{
        		background-color: @color_nav;
        		width:100%;
      		}
    	}
    	.coach_nav,.club_nav,.court_nav{  
			.middle_nav_pc;
    	}
    	.coach_messege{
      		border:1px solid @color_border;
     		text-align: center;
      		margin-top: 40px;
      		height:1400px;
      		.which_coach,.coach_me{
        		div{
	          		border:1px solid @color_nav;
	          		display:inline-block;
	          		width:250px;
	          		height:250px;
	          		margin-top: 40px;
	          		margin-left: 5px;
	          		margin-right: 5px;
	          		text-align: left;
	          		ul{
	            		margin-top: 30px;
	            		background-color: #fff;
	            		li{
	              			display: block;
	              			padding-left: 5%;
	              			padding-bottom: 20px;
	              			span{
	                			font-family: @font_family;
	                			font-weight: bolder;
	                			padding-right: 10px;
	              			}
	            		}
	          		}
	        	}
	      	}
    	}
    	.club_messege,.court_messege,.court_messege{
 			border:1px solid @color_border;
  			text-align: center;
  			margin-top: 40px;
  			.court_list{
    			.div_buttom_message_pc;
  			}
        .which_club{
          
          .head{
            background-color: @color_nav;
            position: relative;
            font:@font_wap;
            height: @nav_height;
            line-height: @nav_height;
            text-align: left;
            .join_club_btn{
              float: right;
            }
          }
          .club_head{
            width:100%;
            height:200px;
            border:1px solid @color_border;
            text-align: center;
          }
          .club_introduce{
            ul{
              li{
                display: block;
                text-align: center;  
                background-color: #fff;
                .title{
                  font:@font_pc;
                  font-size: 18px;
                  font-family: @font_family;
                  font-weight: 600;
                }
                div{
                  border-bottom: 1px solid @color_border;
                  ul{
                    li{
                      font-size: 16px;
                      line-height: @nav_height;
                      div{
                        text-indent: 25px;
                        height:200px;
                        line-height: @nav_height;
                      }
                    }
                  }
                }
              }
            }
          }
        }
		  }
  	}
  	.introduce_court,.introduce_coach{
    	display: none;
    	.allpagestyle;
    	.head{
	      	display: inline;
	      	text-align: left;
	      	border:1px solid #fff;
	      	background-color: @color_nav;
    	}
    	.court_about,.coach_about{
      		border-bottom: 1px solid @color_border;
      		position: relative;
      		width:100%;
      		height:400px;
      		overflow: hidden;
      		.content{
        		position: absolute;
        		top:20px;
        		left:5%;
        		width:60%;
        		height: 400px;
        		border:1px solid @color_border;
          		ul{
           	 		text-align: left;
            		background-color: #fff;
            		li{
              			display: block;
              			height:34px;
              			span{
                  
              			}
            		} 
            		.my_con{
	              		height:250px;
	              		display: block;
	              		border-top: 1px solid @color_border;
	              		span{
	                    // display: block;
	              		}
	              		div{
		                	border-top:1px solid @color_border;
			                text-indent:25px;
			                position: relative;
			                border-style: none;
			                width:100%;
			                padding-right: 25px;
			                line-height: 34px;
		              	}
		            }
          		}
        	}
        	.img_div{
            // width:200px;
		        height:400px;
		        position: absolute;
		        top:20px;
		        left:65%;
		        width: 30%;
		        margin-right: 0px;
		        overflow: hidden;
		        border:1px solid @color_border;
          		img{
            		width:100%;
            		heigt:auto;
          		}
        	}
      	}
    }
}
.page_op{  
    text-align: center;
	  margin:0 auto;
	  font-size:20px;
  }
.edit_user_info{
  margin-top: 10px;
  background-color: #ffffff;
  div{
    display: block;
    height:@nav_height;
    line-height: @nav_height;
    span{
      padding-left: 5px;
    }
    .css_class{
      padding-left: 0px;
      float: left;
      width: 30%;
      text-align: left;
      padding-left: 5px;
    }
  }
  button{
    margin-left: 5px;
    margin-top: 10px;
    font-size: @font_size; 
    background-color:@button_color;
    border-radius: 2px;
    padding:2px;
    margin-right: 2px;
    width: 40%;
  }
}

// ------------------------------------------部分bootstrap.css的重写------------------------------//
.col-lg-1,.col-md-1{
  position:relative;
  min-height:1px;
  padding-right:0px;
  padding-left:0px;
}